<template>
  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
    <van-swipe-item><img src="../../image/1.jpg" alt="" /></van-swipe-item>
    <van-swipe-item><img src="../../image/2.jpg" alt="" /></van-swipe-item>
    <van-swipe-item><img src="../../image/3.jpg" alt="" /></van-swipe-item>
    <van-swipe-item><img src="../../image/4.jpg" alt="" /></van-swipe-item>
  </van-swipe>
</template>
<script setup></script>
<style lang="scss" scoped>
.my-swipe {
  width: 375rem;
  border-radius: 10rem;
  overflow: hidden;
  box-shadow: 0 3rem 6rem #bbbbbba5;
  .van-swipe-item {
    width: 375rem;
    height: 160rem;
    color: #fff;
    font-size: 20rem;
    line-height: 150rem;
    text-align: center;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
